.person
  height: 100%
  .info
    background-color: #f5c89e
    height: 220px
    display: flex
    align-items: center
    border-radius: 0 0 2px  2px
    .login_avatar
      border: 3px solid #eae9e9
    .avatar
      width: 140px
      height: 140px
      border-radius: 50%
      margin-left: 30px
    .loginBtn,.username
      font-weight: bold
      color: #99714b
      margin-left: 30px
  .main
    display: flex
    justify-content: space-around
    margin: 40px 0
    .main_item
      display: flex
      flex-direction: column
      align-items: center
      color: #99714b
      font-size: 32px
      padding: 20px 40px
      border-radius: 12px
      box-shadow: 0px 0px 4px 0px #d4d3d3
      image
        width: 70px
        height: 70px
  .list
    margin: 20px 0
    box-shadow: 0px 0px 4px 0px #f5f3f3
    .list_item
      display: flex
      justify-content: space-between
      align-items: center
      color: #99714b
      margin: 0 25px
      height: 90px
      font-size: 32px
      .right,.left
        display: flex
        align-items: center
      .left
        image
          margin-right: 10px
      image
        width: 42px
        height: 42px
  .contact
    background-color: #99714b
    color: #fff
    display: flex
    justify-content: center
    align-items: center
    padding: 0 22px
    height: 60px
    font-size: 26px
    border-radius: 12px 0 0 12px
    position: fixed
    bottom: 20px
    right: 0px
    image
      width: 42px
      height: 42px
